.message {
  &-container {
    width: 660rpx;
    background-color: rgba($color: gray, $alpha: 0.05);
    padding: 16rpx 42rpx;
    margin: 6;
  }

  &-content {
    display: flex;
  }

  &-from {
    width: 150rpx;
  }

  &-time {
    color: #ccc;
    font-size: xx-small;
  }
}

.comment-container {
  width: 630rpx;
  margin: 25rpx 40rpx;
  padding: 20rpx;
  border-radius: 10rpx;
  box-shadow: 6rpx 6rpx 20rpx gray;
  background: rgba(#fff, 0.8);
  position: relative;

  .comment-title {
    font-weight: bolder;
  }

  .comment-counselor {
    color: #999;
    position: absolute;
    left: 200rpx;
    top: 20rpx;
  }

  .comment-score {
    display: flex;
  }

  .consult-card-state {
    top: 0;
    right: 40rpx;
    padding: 0 16rpx;
    border-bottom-left-radius: 8rpx;
    border-bottom-right-radius: 8rpx;
    color: white;
    font-size: smaller;
  }
}